<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <button id="btn1">按钮</button>
    <div>div</div>
    <script>
        //想让button标签出现点击效果，就需要给button标签添加事件
        /* 
            需求：给button标签添加单击事件
            单击事件：是所有js事件当中的一种
         */
         //第一步L:获取button对象
         const btnObj1 = document.querySelector("#btn1")
         console.log(btnObj1);
         console.dir(btnObj1);      //onclick 就是对象的单击事件，默认值是空
         //可以给对象的onclick属性加上值，onclick事件属性的值必须是一个函数

         //给onclick事件加上了相应函数，当单击就会出发
         btnObj1.onclick = function(){
             alert("你点啥")
         }

         //鼠标的双击事件
     /*     btnObj1.ondblclick = function(){
             alert("你点啥")
         } */

         const divObj = document.querySelector("div")
         console.log(divObj)
         console.dir(divObj)
         divObj.onclick = function(){
             //显示div里面的内容
             alert(divObj.innerText)
         }
    </script>
</body>
</html>